<template>
	<view class="security">
		
		<view class="title">安全中心</view>
		
		<view class="level">
			<view class="p">安全级别 <text>高</text></view>
		</view>
		
		<uni-group title="">
		    <uni-list :border="false">
		        <uni-list-item  title="手机" rightText="已开启" link></uni-list-item>
		        <uni-list-item  title="邮箱" rightText="已开启" link></uni-list-item>
		    </uni-list>
		</uni-group>
		
		<uni-group title="密码管理">
		    <uni-list :border="false">
		        <uni-list-item title="交易密码" link></uni-list-item>
		        <uni-list-item title="手势密码">
					<template slot="footer">
						<switch checked @change="switch1Change" style="transform: scale(0.7)" />
					</template>
				</uni-list-item>
		    </uni-list>
		</uni-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			switch1Change(){}
		}
	}
</script>

<style>
.security .title {
	padding: 20rpx;
	font-size: 40rpx;
}
.security .level {
	padding: 20rpx 20rpx 0rpx;
	font-size: 28rpx;
}
.security .level .p {
	padding-bottom: 10rpx;
	border-bottom: 4rpx solid #187bd8;
}
.security .level text {
	color: #187bd8;
	margin-left: 20rpx;
}
</style>
